@import "~@/app";
.shoppingCarContainer {
  width: @effectiveWidth;
  margin: 36px auto 0;
  padding-bottom: 146px;
  .orderTitle {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }
  .contentBox {
    background: #fff;
    margin-top: 10px;
    .content {
      width: 1000px;
      margin: 0 auto;
      .contentHeader {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        padding: 20px 0;
        border-bottom: 1px solid #F2F2F2;
        :global {
          .ant-checkbox-wrapper span {font-size: 16px}
        }
        .info {
          margin-left: 134px;
        }
        .unitprice {
          margin-left: 294px;
        }
        .count {
          margin-left: 140px;
        }
        .price {
          margin-left: 144px;
        }
      }
      .contentBody {
        padding-bottom: 20px;
        max-height: 500px;
        overflow: scroll;
        .list {
          overflow: hidden;
          border-bottom: 1px solid #F2F2F2;
          padding: 20px 0;
          .checkbox {
            float: left;
            height: 140px;
            line-height: 140px;
          }
          .cover {
            width: 140px;
            height: 140px;
            font-size: 0;
            float: left;
            margin-left: 20px;
            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }
          .goodsInfo {
            float: left;
            margin-left: 20px;
            .name {
              font-size: 20px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #333333;
              overflow: hidden;
              text-overflow:ellipsis;
              white-space: nowrap;
              width: 260px;
            }
            .norms {
              font-size: 16px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #333333;
              margin-top: 20px;
            }
            .status {
              font-size: 16px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #56DCAE;
              margin-top: 44px;
            }
            .short {
              color: #EE2F37;
            }
          }
          .price {
            font-size: 16px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            margin-left: 92px;
            float: left;
            height: 140px;
            line-height: 140px;
          }
          .count {
            float: left;
            width: 130px;
            height: 140px;
            margin-left: 90px;
            :global {
              .ant-input-group-wrapper {
                margin-top: 54px;
              }
              .ant-input-group-addon {
                width: 41px;
                border: none;
                padding: 0;
                .ant-btn {
                  width: 41px;
                  span {
                    font-size: 18px;
                    color: #1D83FF;
                    transform: translateY(-2px);
                  }
                }
              }
              .ant-input {
                width: 48px;
                border-left: none;
                border-right: none;
                text-align: center;
                &:hover {
                  border-color: #d9d9d9;
                }
                &:focus {
                  box-shadow: none;
                  border-color: #d9d9d9;
                }
              }
              .ant-input-disabled {
                color: #333;
                background: #fff;
              }
            }
          }
          .pay {
            float: left;
            font-size: 20px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            margin-left: 85px;
            height: 140px;
            line-height: 140px;
          }
        }
      }
    }
  }

  .totalContainerBox {
    width: 100%;
    height: 62px;
    background-color: #E8E8E8;
    margin-top: 25px;
    overflow: hidden;
    position: relative;
    .totalContainer {
      overflow: hidden;
      width: 1000px;
      margin: 0 auto;
      height: 100%;
      line-height: 62px;
      .checkbox {
        float: left;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        letter-spacing: 1px;
      }
      .selectedGoods {
        float: left;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        letter-spacing: 1px;
        margin-left: 350px;
      }
      .expenses {
        float: left;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        letter-spacing: 1px;
        margin-left: 100px;
        .total {

        }
        .price {
          margin-left: 20px;
          font-size: 24px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #333333;
          transform: translateY(2px);
          display: inline-block;
        }
      }
      .payButton {
        width: 160px;
        background-color: #FE5002;
        line-height: 62px;
        text-align: center;
        font-size: 20px;
        font-family: PingFang-SC-Medium, PingFang-SC;
        font-weight: 500;
        color: #FFFFFF;
        position: absolute;
        right: 0;
        top: 0;
        &:hover {
          cursor: pointer;
        }
      }
      .payDisabledBtn {
        background-color: #D8D8D8;
        &:hover {
          cursor: not-allowed;
        }
      }
    }
  }
}